.middle-top {
  width: 97%;
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.middle-box {
  background-image: url('../../static/middle/Rectangle.png');
  width: 404px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  /* background-size: contain; */
}

.middle-top-1 {
  font-size: 20px;
  color: #CFEAFF;
  font-weight: 700;
  text-align: center;
  margin: 18px auto 3px;
}

.middle-top-2 {
  font-size: 32px;
  color: #37C9C9;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  position: relative;
}

.danwei {
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
  vertical-align: top;
  margin-top: 15px;

}

.middle-top-3 {
  font-size: 14px;
  color: #CFEAFF;
  font-weight: 400;
  text-align: center;

}
.middle-top-4{
  width: 160px;
  margin-left: 40px;

}

.middle-bottom {
  width: 1700px;
  height: 120px;
  /* margin: 0  auto; */
  margin-left: 30px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 35px;
  font-size: 16px;
  font-weight: 400;
}

.middle-bottom-content {
  margin: 40px 0px 0px 20px;

}

.middle-bottom-1 {
  background-image: url('../../static/middle/Group1.png');
  width: 417px;
  height: 148px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-bottom-2 {
  background-image: url('../../static/middle/Group3.png');
  width: 419px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-bottom_2 {
  display: flex;
  width: 390px;
  margin: 40px 0px 0px 20px;
}

/* .middle-bottom_2_left {} */

.bt1 {
  background-image: url('../../static/middle/Rectangle1.png');
  width: 78px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #37C9C9;
  text-align: center;
  overflow: hidden;
}

.bt2 {
  background-image: url('../../static/middle/Rectangle2.png');
  width: 78px;
  height: 40px;
  margin-top: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #51B3FE;
  text-align: center;
  overflow: hidden;
}

.middle-bottom_2_right {
  margin-left: 10px;
}

.middle-bottom-3 {
  background-image: url('../../static/middle/Group2.png');
  width: 419px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-bottom-4 {
  background-image: url('../../static/middle/Group4.png');
  width: 417px;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


.Ai {
  position: absolute;
  bottom: 180px;
  right: 320px;
}

.combination {
  background-image: url('../../static/middle/combination.png');
  width: 270px;
  height: 246px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 180px;
  right: 20px;
  font-size: 20px;
}

.Twin {
  position: absolute;
  top: 150px;
  right: 20px;
  font-size: 20px;
}

.mapShow {
  background-image: url('../../static/middle/map.png');
  width: 220px;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 220px;
  right: 20px;
  font-size: 20px;
}

.map-item {
  display: flex;
  font-size: 21px;
  font-weight: 800;
  color: #CFEAFF;
  margin: 12px 0px 0px 12px;
  letter-spacing: 3px;
}

.map-show {

  position: absolute;
  top: 280px;
  right: 20px;
  font-size: 20px;
  overflow: hidden;
}

.map-1 {
  display: flex;
  font-size: 21px;
  font-weight: 800;
  color: #CFEAFF;
  margin-top: 8px;
  letter-spacing: 3px;
  background-image: url('../../static/middle/map.png');
  width: 220px;
  height: 60px;
}

.middle-dxyy {
  position: absolute;
  top: 19px;
  right: 559px;
  width: 118px;
  height: 79px;
  background-image: url('../../static/middle/DXYY.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-bmjsc {
  position: absolute;
  top: 57px;
  right: 471px;
  width: 118px;
  height: 79px;
  background-image: url('../../static/middle/BMJSC.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-znfx {
  position: absolute;
  top: 91px;
  right: 371px;
  width: 118px;
  height: 79px;
  background-image: url('../../static/middle/ZNFX.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-irs {
  position: absolute;
  top: 126px;
  right: 268px;
  width: 109px;
  height: 79px;
  background-image: url('../../static/middle/IRS.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-api {
  position: absolute;
  top: 169px;
  right: 579px;
  width: 105px;
  height: 108px;
  background-image: url('../../static/middle/API.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-qdhzc {
  position: absolute;
  top: 230px;
  right: 711px;
  width: 111px;
  height: 107px;
  background-image: url('../../static/middle/QDHZC.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-bzc {
  position: absolute;
  top: 290px;
  right: 854px;
  width: 120px;
  height: 120px;
  background-image: url('../../static/middle/BZC.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-tyc {
  position: absolute;
  top: 362px;
  right: 1036px;
  width: 105px;
  height: 108px;
  background-image: url('../../static/middle/TYC.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-sjzc {
  position: absolute;
  top: 57px;
  right: 708px;
  width: 100px;
  height: 115px;
  background-image: url('../../static/middle/组合 31.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-zbgl {
  position: absolute;
  top: 111px;
  right: 845px;
  width: 100px;
  height: 115px;
  background-image: url('../../static/middle/组合 30.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-sjbz {
  position: absolute;
  top: 179px;
  right: 970px;
  width: 100px;
  height: 115px;
  background-image: url('../../static/middle/组合 29.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.middle-ysj {
  position: absolute;
  top: 239px;
  right: 1117px;
  width: 100px;
  height: 115px;
  background-image: url('../../static/middle/组合 23.png');

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}



.AiModal {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-image: url('../../static/middle/AiModal.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 3839px;
  height: 1077px;
  z-index: 10000;
}

.closeAiModal {
  width: 100px;
  height: 100px;
  /* background-color: red; */
  position: absolute;
  top: 120px;
  left: 2580px;
}

